/* eslint-disable no-unused-vars */
/*
 * 数据结构:
 * { id, label, data }
 * @data: 包含更多信息:
 * @progress 当前学习进度
 * @tooltip 所需要的数据
 * @score 学分
 */

const mockData = {
    Recid: "1",
    label: "生态环境保护责任清单",
    TaskName: "生态环境保护责任清单",
    TaskCategory: "生态环境保护",
    TaskMatter: "任务分属",
    TaskSource: "《深圳率先打造美丽中国典范2021年工作要点》",
    Depth: 0,
    children: [{
            Recid: "2",
            label: "一、负责生态环境气象条件监测、预报、分析及信息发布，提供重大突发环境事件气象资料。",
            WorkContent: "一、负责生态环境气象条件监测、预报、分析及信息发布，提供重大突发环境事件气象资料。",
            Depth: 1,
            children: [{
                Recid: "3",
                label: "（一）做好生态环境气象条件监测预报服务，助力打造美丽中国典范。",
                WorkContent: "（一）做好生态环境气象条件监测预报服务，助力打造美丽中国典范。",
                Depth: 2,
                children: [{
                    Recid: "4",
                    label: "1、为污染防治攻坚战和蓝天保卫战提前做好年、季、月和过程的污染气象扩散条件和流域降雨评估预测；",
                    WorkContent: "1、为污染防治攻坚战和蓝天保卫战提前做好年、季、月和过程的污染气象扩散条件和流域降雨评估预测；",
                    Depth: 3,
                    children: [{
                            Recid: "5",
                            label: "计划2021年12月完成流域降水评估；",
                            WorkContent: "计划2021年12月完成流域降水评估；",
                            Depth: 4,
                            Progress: "xxx",
                            Duty: "业务处",
                            DutyPerson: "李游",
                            完成时限: "2021年12月"
                        },
                        {
                            Recid: "6",
                            label: "2022年1月完成污染气象扩散条件分析；",
                            WorkContent: "2022年1月完成污染气象扩散条件分析；",
                            Depth: 4,
                            Progress: "xxx",
                            Duty: "业务处",
                            DutyPerson: "魏晓琳",
                            完成时限: "2022年1月"
                        }
                    ]
                }]
            }]
        },
        {
            Recid: "7",
            label: "一、负责生态环境气象条件监测、预报、分析及信息发布，提供重大突发环境事件气象资料。",
            WorkContent: "一、负责生态环境气象条件监测、预报、分析及信息发布，提供重大突发环境事件气象资料。",
            Depth: 1,
            children: [{
                Recid: "8",
                label: "（一）做好生态环境气象条件监测预报服务，助力打造美丽中国典范。",
                WorkContent: "（一）做好生态环境气象条件监测预报服务，助力打造美丽中国典范。",
                Depth: 2,
                children: [{
                    Recid: "9",
                    label: "1、为污染防治攻坚战和蓝天保卫战提前做好年、季、月和过程的污染气象扩散条件和流域降雨评估预测；",
                    WorkContent: "1、为污染防治攻坚战和蓝天保卫战提前做好年、季、月和过程的污染气象扩散条件和流域降雨评估预测；",
                    Depth: 3,
                    children: [{
                            Recid: "10",
                            label: "计划2021年12月完成流域降水评估；",
                            WorkContent: "计划2021年12月完成流域降水评估；",
                            Depth: 4,
                            Progress: "xxx",
                            Duty: "业务处",
                            DutyPerson: "李游",
                            完成时限: "2021年12月"
                        },
                        {
                            Recid: "11",
                            label: "2022年1月完成污染气象扩散条件分析；",
                            WorkContent: "2022年1月完成污染气象扩散条件分析；",
                            Depth: 4,
                            Progress: "xxx",
                            Duty: "业务处",
                            DutyPerson: "魏晓琳",
                            完成时限: "2022年1月"
                        }
                    ]
                }]
            }]
        }
    ]
}

// const mockData = {
//     isRoot: true,
//     depth: 0,
//     name: "一、负责生态",
//     label: "一、负责生",
//     children: [{
//         depth: 1,
//         isRoot: false,
//         name: "二、负态环",
//         label: "二、生态环",
//         children: [{
//                 label: 'canvas',
//                 children: [{
//                     label: 'websocket',
//                 }]
//             },
//             {
//                 label: 'websocket',
//             },
//             {
//                 label: 'web worker',
//             },
//         ]
//     }]
// }

/*
 * 数据结构:
 * { id, label, data }
 * @data: 包含更多信息:
 * @progress 当前学习进度
 * @tooltip 所需要的数据
 * @score 学分
 */

const mockData2 = {
    id: '0',
    depth: 0,
    label: '前端技能树',
    children: [{
            id: '0-0',
            depth: 1,
            label: 'HTML',
            data: {
                progress: 33.33,
            },
            children: [{
                id: '0-0-0',
                label: 'HTML5',
                depth: 2,
                data: {
                    progress: 33.33,
                },
                children: [{
                        id: '0-0-0-0',
                        label: 'canvas',
                        depth: 3,
                        data: {
                            score: 0,
                            QRCode: 'https://',
                            testURL: 'https://'
                        },
                    },
                    {
                        id: '0-0-0-1',
                        label: 'websocket',
                        depth: 3,
                        data: {
                            score: 0,
                            QRCode: '',
                        },
                    },
                    {
                        id: '0-0-0-2',
                        label: 'web worker',
                        depth: 3,
                        data: {
                            score: 10,
                        },
                    },
                ],
            }, ],
        },
        {
            id: '0-1',
            depth: 1,
            label: 'css',
            children: [{
                id: '0-1-0',
                label: 'css3',
                depth: 2,
                children: [{
                        id: '0-1-0-0',
                        label: 'flex 伸缩布局',
                        depth: 3,
                    },
                    {
                        id: '0-1-0-1',
                        label: 'transform 变形',
                        depth: 3,
                    },
                    {
                        id: '0-1-0-2',
                        label: 'transition 过渡',
                        depth: 3,
                    },
                    {
                        id: '0-1-0-3',
                        label: 'animation 动画',
                        depth: 3,
                    },
                ]
            }],
        },
        {
            id: '0-2',
            depth: 1,
            label: 'js',
            children: [{
                id: '0-2-0',
                label: 'ES6',
                depth: 2,
                children: [{
                        id: '0-2-0-0',
                        label: 'ES6',
                        depth: 3,
                    },
                    {
                        id: '0-2-0-1',
                        label: '面向对象',
                        depth: 3,
                    },
                    {
                        id: '0-2-0-2',
                        label: 'this',
                        depth: 3,
                    },
                    {
                        id: '0-2-0-3',
                        label: '事件循环',
                        depth: 3,
                    },
                ],
            }, ],
        },
        {
            id: '0-3',
            depth: 1,
            label: '流行框架',
            children: [{
                    id: '0-3-0',
                    label: 'react',
                    depth: 2,
                },
                {
                    id: '0-3-1',
                    label: 'vue',
                    depth: 2,
                },
            ],
        },
        {
            id: '0-4',
            depth: 1,
            label: '小程序',
            children: [{
                    id: '0-4-0',
                    label: '微信小程序',
                    depth: 2,
                },
                {
                    id: '0-4-1',
                    label: '支付宝小程序',
                    depth: 2,
                },
            ],
        },
    ],
};

const mockData3 = {
    label: '前端技能树',
    children: [{
        label: 'HTML',
        children: [{
            label: 'HTML5',
            children: [{
                    label: 'canvas',
                },
                {
                    label: 'websocket',
                },
                {
                    label: 'web worker',
                },
            ],
        }]
    }]
}